import React,{Component} from 'react';
import Nav from './Nav';
import {BrowserRouter as Router, Route, Link,HashRouter } from 'react-router-dom';
import Home from '../views/Home';   
import Detail from '../views/Detail';   
class Frame extends Component{
    constructor(props){
        super(props);
    }
    render(){
        const {match} = this.props;
        return(
            <div className="frame">
                <section>
                    <Nav match={`${match.url}`}/>
                </section>
                <section className="container">
                    <Route path={`${match.url}/home`} component={Home}/>
                    <Route path={`${match.url}/detail/:id`}  component={Detail}/>
                </section>
            </div>
        )
    }
}
export default Frame;